.root {
    margin: 0.5rem;
    padding: 0.5rem;
   
    :global {
        .info-box {
            display: flex;
            border-bottom: 1px solid;
            // margin-bottom: 1rem;
            padding: 1rem 0;
        }
        .avatar {            
            width: 80px;
            background-color: #eee;
        }
        .info {
            padding: 0 2em;
            flex: 1;
            h2 {
                a {
                    cursor: pointer;
                    &:hover {
                        color: #eee;
                        text-decoration: dotted;
                    }
                }
            }
        }
        .dir .avatar {
            background: url("../assets/icons/folder.svg") no-repeat;
            background-size: 100% 100%;
        }
    }
}